<template>
  <img src="./securityFirstPage/bg_denglv.png" alt="" class="bg" />
  <img src="./securityFirstPage/icon.png" alt="" class="bigIcon" />
  <img src="./securityFirstPage/phone.png" alt="" class="phone" />
  <img src="./securityFirstPage/logo.png" alt="" class="logo" />
  <div class="topSitting">顶部占位</div>
  <div class="go">点击唤起小程序</div>
</template>

<script setup>
import { ref, reactive } from "vue";
</script>

<style scoped lang="scss">
.topSitting{
    height: 664rpx;
    opacity: 0 ;
}
.go{
    width: 590rpx;
    height: 88rpx;
    line-height: 88rpx;
    border-radius: 44rpx;
    text-align: center;
    margin: 0 80rpx;
    color: #fff;
    background-image: linear-gradient(to right,#619DF1,#4478C1);
    font-size: 32rpx;
}
.bg {
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -9999;
}
.bigIcon {
  width: 90rpx;
  height: 113rpx;
  position: absolute;
  left: 534rpx;
  top: 266rpx;
  z-index: -999;
}
.phone {
  width: 45rpx;
  height: 51rpx;
  position: absolute;
  left: 629rpx;
  top: 312rpx;
  z-index: -999;
}
.logo {
  width: 505rpx;
  height: 49rpx;
  position: absolute;
  left: 123rpx;
  top: 363rpx;
  z-index: -999;
}
</style>
